<script setup>
import {onMounted, ref} from 'vue'
import {ipc} from "@/utils/ipcRenderer";
import {ipcApiRoute} from "@/api/rpcRouter";
import {useBizStore} from "@/stores/bizStore";

const bizStore = useBizStore();
const data = ref([]);
const columns = ref([
  {
    title: '赛事信息',
    key: 'pbPlay',
    render: (item, index) => {
      if (item.groupNameCn) {
        return `${item.groupNameCn}/${item.homeTeamCn}/${item.awayTeamCn}`;
      }
    }
  },
  {
    title: '盘口信息',
    key: 'imPlay',
    render: (item, index) => {
      if (item.groupNameCn) {
        return `${item.groupNameCn}/${item.homeTeamCn}/${item.awayTeamCn}`;
      }
    },
    className: "imPlay"
  },
  {
    title: '反还率',
    key: 'imPlay',
    render: (item, index) => {
      if (item.groupNameCn) {
        return `${item.groupNameCn}/${item.homeTeamCn}/${item.awayTeamCn}`;
      }
    },
    className: "imPlay"
  },
  {
    title: '创建时间',
    key: 'imPlay',
    render: (item, index) => {
      if (item.groupNameCn) {
        return `${item.groupNameCn}/${item.homeTeamCn}/${item.awayTeamCn}`;
      }
    },
    className: "imPlay"
  },
]);
const loading = ref(false)

onMounted(() => {
});



</script>

<template>
  <div>
    <n-data-table
      :columns="columns"
      :data="bizStore.mappingGameList"
      :loading="loading"
      :bordered="true"
    >
    </n-data-table>
  </div>


</template>

<style scoped>
:deep(.imPlay) {
  color: rgb(213, 22, 72) !important;
}

</style>
